.category {
  padding: 40px;
  .raditype {
    // overflow: hidden;
    height: 194px;
    position: relative;
    margin-bottom: 30px;
    ul {
      overflow: hidden;
      display: none;
      margin-left: -33px;
      li {
        float: left;
        width: 70px;
        height: 72px;
        margin: 0 0 25px 33px;
        // background-color: aqua;
        .radiotype-link {
          display: block;
          width: 70px;
          height: 70px;
          background: url(~@/assets/images/radio/radio_bg.png) no-repeat;
          background-position: 0 9999px;
          text-align: center;
          color: #888;
          &:hover {
            background-position: 0 0px;
          }
          .icon {
            width: 48px;
            height: 48px;
            margin: 2px auto 0;
          }
        }
        .current {
          background-position: -70px 0;
          color: #d35757;
          &:hover {
            background-position: -70px 0;
          }
          .icon {
            background-position: -48px 0;
          }
        }
      }
    }
    .question {
      .icon {
        background: url(~@/assets/images/radio/radio_faq.png) no-repeat;
      }
    }
    .apply {
      .icon {
        background: url(~@/assets/images/radio/radio_apply.png) no-repeat;
      }
      span {
        color: #5ab5e7 !important;
      }
    }
    .z-show {
      display: block;
    }
    .prev,
    .next {
      position: absolute;
      top: 50%;
      width: 20px;
      height: 30px;
      margin-top: -15px;
      opacity: 0.25;
      cursor: pointer;
      background: url(~@/assets/images/radio/radio_slide.png) no-repeat;
    }
    .prev {
      left: -26px;
      background-position: 0 -30px;
    }
    .next {
      right: -26px;
      background-position: -30px -30px;
    }
    .dots {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0px;
      width: 100%;
      height: 20px;
      text-align: center;
      .dot {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(~@/assets/images/radio/radio_slide.png) no-repeat 0 0;
      }
      & .current {
        background: url(~@/assets/images/radio/radio_slide.png) no-repeat -30px 0;
      }
    }
  }
  .new {
    ul {
      margin: 16px 0 0 -37px;
      overflow: hidden;
      li {
        width: 150px;
        margin-left: 37px;
        .a-imgwrap {
          width: 150px;
          height: 150px;
          position: relative;
          display: block;
          img {
            display: block;
            width: 100%;
            height: 100%;
          }
        }
        h3 {
          margin: 13px 0 6px;
          line-height: 16px;
          font-size: 14px;
          font-weight: normal;
          a {
            color: #333;
          }
        }
        p {
          line-height: 18px;
          color: #999;
        }
      }
    }
  }
  .radimore {
    margin-top: 35px;
    .radlist {
      width: 930px;
      margin-left: -30px;
      overflow: hidden;

      li {
        float: left;
        width: 435px;
        height: 160px;
        margin-left: 30px;
        padding: 20px 0;
        border-bottom: 1px solid #e7e7e7;
        .a-imgwrap {
          width: 120px;
          height: 120px;
          display: block;
          img {
            width: 120px;
            height: 120px;
            display: block;
          }
        }
        .cnt-wrap {
          margin-left: 20px;
          width: 295px;
          h3 {
            margin: 16px 0 20px;
            font-size: 18px;
            white-space: wrap;
          }
          p {
            margin-bottom: 6px;
            line-height: 20px;
            color: #999;
            a {
              color: #999;
            }
            &.note {
              .u-icn {
                width: 14px;
                height: 15px;
                background-position: -50px -300px;
              }
              a {
                margin-left: 5px;
                vertical-align: middle;
                color: black;
              }
            }
          }
        }
      }
    }
  }
  .el-pagination {
    margin-top: 20px;
  }
}